@use "src/web/theming-variables-dark" as theming-variables-dark;
@import "src/web/variables";

:host {
    $background-color: theming-variables-dark.$secondary;
    $padding: 0.2em;
    $padding-l: 0.25em;

    display: flex;

    > div {
        @include border-radius($border-radius-sm);
        display: none;
        position: fixed;
        bottom: 0;
        z-index: 10000;
        word-break: break-all;
        color: theming-variables-dark.$body-color;
        background-color: $background-color;
        border: 1px solid darken($background-color, 10%);
        font-size: $app-font-size-base-medium;
        margin: $padding-l $padding;
        padding: $padding $padding-l;

        &.visible {
            display: flex;
        }
    }
}
